<template>
  <div
    class="app-container"
    :style="`min-height: ${pageMinHeight}px;height:${pageMinHeight}px`"
  >
    <span>高德地图</span>
  </div>
</template>
<script>
  import { mapState, mapGetters } from 'vuex'

  export default {
    data() {
      return {}
    },
    computed: {
      ...mapGetters('setting', ['pageMinHeight']),
      ...mapGetters('account', ['user']),
      ...mapState('setting', ['componentSize', 'loading']),
    },
    watch: {},
    mounted() {},
    methods: {
      handleSubmit() {},
    },
  }
</script>
<style scoped lang="less">
  /deep/ .ant-layout-sider {
    position: relative;
    flex: 0 0 300px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    background: white;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
</style>
